<template>
  <el-form :model="form" label-width="auto" style="padding: 30px;display: flex">
    <div style="margin-right: 24px;">
      <el-form-item label="企业名称">
      <el-input v-model="form.name" />
    </el-form-item>
    <el-form-item label="统一社会信用代码">
      <el-input v-model="form.code" />
    </el-form-item>
    <el-form-item label="公司注册地址">
      <el-input v-model="form.address" />
    </el-form-item>
    <el-form-item label="机构类型">
      <el-input v-model="form.type" />
    </el-form-item>
    <el-form-item label="企业性质">
      <el-input v-model="form.nature" />
    </el-form-item>
    <el-form-item label="成立日期">
      <el-input v-model="form.createdTime" />
    </el-form-item>
    <el-form-item label="法人 / 负责人">
      <el-input v-model="form.person" />
    </el-form-item>
    <el-form-item label="法人 / 负责人身份证">
      <el-input v-model="form.IDCard" />
    </el-form-item>
    <el-form-item label="单位联系地址">
      <el-input v-model="form.unitAddress" />
    </el-form-item>
    <el-form-item label="经营范围">
      <el-input v-model="form.wide" />
    </el-form-item>
    <el-form-item label="公司简介">
      <el-input v-model="form.introduction" />
    </el-form-item>
    <el-form-item label="营业执照扫描件">
      <el-input v-model="form.business" />
    </el-form-item>
    </div>
    <div style="margin-right: 24px;">
      <el-form-item label="营业执照有效期">
      <el-input v-model="form.businessTime" />
    </el-form-item>
    <el-form-item label="法人 / 负责人身份证扫描件">
      <el-input v-model="form.businessIDCard" />
    </el-form-item>
    <el-form-item label="开户行">
      <el-input v-model="form.bank" />
    </el-form-item>
    <el-form-item label="银行账号">
      <el-input v-model="form.bankAccount" />
    </el-form-item>
    <el-form-item label="开户行地址">
      <el-input v-model="form.bankAddress" />
    </el-form-item>
    <el-form-item label="单位注册电话">
      <el-input v-model="form.unitPhone" />
    </el-form-item>
    <el-form-item label="单位注册地址">
      <el-input v-model="form.unitAddress" />
    </el-form-item>
    <el-form-item label="注册资本（万元）">
      <el-input v-model="form.registeredCapital" />
    </el-form-item>
    <el-form-item label="实缴资本">
      <el-input v-model="form.paidCapital" />
    </el-form-item>
    <el-form-item label="开户许可证 / 基本户存款信息证">
      <el-input v-model="form.deposit" />
    </el-form-item>
    </div>
   <el-upload
    v-model:file-list="fileList"
    class="upload-demo"
    action="https://run.mocky.io/v3/9d059bf9-4660-45f2-925d-ce80ad6c4d15"
    :on-change="handleChange"
  >
    <el-button type="primary">上传</el-button>
    <el-button type="primary">提交</el-button>
  </el-upload>
  </el-form>
  
</template>

<script lang="ts" setup>
import { reactive } from 'vue'

// 企业名称、统一社会信用代码、公司注册地址、机构类型
//企业性质、成立日期、法人 / 负责人、法人 / 负责人身份证、单位联系地址、经营范围
//公司简介、营业执照扫描件、营业执照有效期、法人 / 负责人身份证扫描件、开户行、银行账号
//开户行地址、单位注册电话、单位注册地址、注册资本（万元）、实缴资本、开户许可证 / 基本户存款信息证
const form = reactive({
  name: '企业名称',
  code: '统一社会信用代码',
  address: '公司注册地址',
  type: '机构类型',
  nature: '企业性质',
  createdTime: '成立日期',
  person: '法人 / 负责人',
  IDCard: '法人 / 负责人身份证',
  unitAddress: '单位联系地址', 
  wide: '经营范围',
  introduction: '公司简介',
  business: '营业执照扫描件',
  businessTime: '营业执照有效期', 
  businessIDCard: '法人 / 负责人身份证扫描件',
  bank: '开户行',
  bankAccount: '银行账号',
  bankAddress: '开户行地址',
  unitPhone: '单位注册电话',
  unitAddress: '单位注册地址',
  registeredCapital: '注册资本（万元）',
  paidCapital: '实缴资本',
  deposit: '开户许可证 / 基本户存款信息证'
})

const onSubmit = () => {
  console.log('submit!')
}
</script>

<style>
.avatar-uploader .avatar {
  width: 178px;
  height: 178px;
  display: block;
}
</style>

<style>

</style>